<template>
  <el-pagination
    @size-change="sizeChange"
    @current-change="currentChange"
    :current-page="currentPage"
    :background="background"
    :page-sizes="pageSizes"
    :page-size="pageSize"
    :layout="layout"
    :total="total">
  </el-pagination>
</template>
<script>
export default {
  props: {
    pageSizes: {
      type: Array,
      default: function() {
        return []
      }
    },
    pageSize: {
      type: Number,
      default: 20
    },
    layout: {
      type: String,
      default: 'prev, pager, next, jumper, ->, total'
    },
    total: {
      type: Number,
      default: 0
    },
    background: {
      type: Boolean,
      default: false
    },
    currentPage: {
      type: Number,
      default: 1
    },
    currentChange: {
      type: Function,
      default: function() {
        return () => {}
      }
    },
    sizeChange: {
      type: Function,
      default: function() {
        return () => {}
      }
    }
  }
}
</script>
